
<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>jquery环状轮播图插件|DEMO_HTML素材网-陪你做好前端设计！</title>
	<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
	<link rel="stylesheet" href="css/roundStyle.css">
</head>
<body>
	<div class="htmleaf-container">
		<div class="rotate-slider" style="height: 160px !important;width: 80px !important;">
		  <ul class="slides">
			<li>
			  <div class="inner">
				<h2>Actual Rotating Slider</h2>
				<p>Built with math and dedication</p>
			  </div>
			</li>
			<li>
			  <div class="inner"></div>
			</li>
			<li>
			  <div class="inner">
				<h2>Hates IE</h2>
				<p>Uses clip-path to shape slides</p>
			  </div>
			</li>
			<li>
			  <div class="inner">
			  </div>
			</li>
			<li>
			  <div class="inner">
				<h2>Easy to use</h2>
				<p>Just add list elements in the HTML and set a height and width in the JavaScript Settings</p>
				<p><small>Slider controls and proper jQuery plugin coming soon.</small></p>
			  </div>
			</li>
			<li>
			  <div class="inner">
				<h2>I'm not a thief!</h2>
				<p>Stock photos from www.pexels.com</p>
			  </div>
			</li>
		  </ul>
		</div>
		<svg>
			<defs>
				<clipPath id="slideClip">
				<path />
				</clipPath>
			</defs>
		</svg>
	</div>
	
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
	<script type="text/javascript" src="js/roundIndex.js"></script>
</body>
</html>